﻿@model  SRV.ViewModel.Article.SingleModel
<h2>@Model.Title</h2>


<div class="container" style="padding-top:100px">
    <div class="row">
        <div class="col-8">
            <div @*style="padding:20px;border-bottom:30px"*@>
                <span class="fa fa-calendar">@Model.PublishTime.ToString("yyyy年MM月dd日 hh点mm分")</span>
                <span style="float:right">作者：<a href="/Article?@Model.UserById" target="_blank">@Model.UserByName</a></span>
                <h5><a href="/Article/Single?@Model.Id">@Model.Title</a></h5>
                <p>@Model.Description</p>
                <div style="display:block;width:100%">
                    <span><label><b>关键字：</b></label></span>
                    <span class="badge badge-secondary">@Model.Keyword</span>
                    @*@for (int i = 0; i < Model.KeyWords.Count; i++)
                        {
                            <span class="badge badge-secondary">@Model.KeyWords[i].Name</span>
                        }*@
                </div>
                <div style="float:right;border-bottom:10px">
                    <span><a href="/Article/Single?@Model.CommentById" class="fa fa-comments-o">@Model.CommentByCount</a></span>
                    <span class="fa fa-thumbs-o-up">
                        赞：@Model.AppraiseByAgreeAmount
                    </span>
                    <span class="fa fa-thumbs-o-down">
                        踩：@Model.AppraiseByDisagreeAmount
                    </span>
                </div>
            </div>
            <div>
                <span class="fa fa-arrow-up"></span>
                上一篇：
                <a href="/Article/Single?844">学校不会教你的那些事</a>
            </div>
            <div style="margin-top:6px;">
                <span class="fa fa-arrow-down"></span>
                下一篇：
                <a href="/Article//Single?846">快快乐乐的吹个水：梦想还是要有的</a>
            </div>
        </div>
    </div>
    <div class="col-4" style="float:right">
        <div class="container" style="border:0.1px dashed darkgray;padding:20px">
            <div style="font-size:24px">
                <span class="fa fa-tags">关键字</span>
            </div>
            <hr />
            <div>
                @Html.Action("_KeyWord", "Shard")
            </div>
            <hr />
            <div class="row">
                <div class="col-sm-7">
                    <div class="input-group">
                        <input type="text" class="form-control" placeholder="直接输入关键字查找">
                        <span class="input-group-text"><span class="fa fa-search"></span></span>
                    </div>
                </div>
                <div class="col-sm-5">
                    <a href="" class="btn btn-secondary">
                        <span class="fa fa-random"></span>
                        <span style="margin-left:0px;">换一批</span>
                    </a>
                </div>
            </div>
            <div class="container" style="border: 0.1px solid darkgray; padding: 20px">
                <ul class="nav nav-tabs">
                    <li class="nav-item">
                        <a class="nav-link active" href="#">
                            <span class="fa fa-eye">
                                每日督促
                            </span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">
                            <span class="fa fa-heart">
                                排行榜
                            </span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">
                            <span class="fa fa-user-circle-o">
                                新注册
                            </span>
                        </a>
                    </li>
                </ul>
                <div class="tab-content">
                    <table>
                        <tbody>
                            <tr>
                                <td colspan="3" style="font-size:18px">
                                    <span class="fa fa-calendar-check-o">
                                        2022年03月13日
                                    </span>
                                </td>
                            </tr>
                            @Html.Action("_Tabs", "Shard")
                            <vc:_tabs></vc:_tabs>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
